<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../../topshop/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="../../topshop/css/basic.css"/>
<link rel="stylesheet" type="text/css" href="../../topshop/css/style.css"/>
<script type="text/javascript" src="../../topshop/js/jquery-1.8.2.min.js"></script>
</head>

<body class="body_bj">
<div class="wrap">
    <div class="header">
        <div class="goback fl"><a href=""><img src="images/goback.png" alt="返回" /></a></div>
        <div class="search1 fl">
           <div class="search_le1 fl">
              <input type="text" />
           </div>
           <div class="search_ri1 fl"><button type="submit"><img src="images/search.png" width="18" height="18" /></button></div>
           <div class="clear"></div>
        </div>
        <div class="navbar fr">
            <div class="navbar_icon"><img src="images/nav_icon.png" /></div>
            <div class="nav">
               <ul>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
                 <li><a href="">全部商品</a></li>
               </ul>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    
    <div class="pro_fenlei">
        <div class="pro_fenlei_menu">
          <ul class="pro_fenlei_menu_ul">
            <li class="fl"><a href="">为您推荐</a></li>
            <li class="fl"><a href="">家居生活</a></li>
            <li class="fl"><a href="">服饰箱包</a></li>
            <li class="fl"><a href="">美妆护肤</a></li>
            <li class="fl pro_fenlei_more"><a href="#">更多</a></li>
          </ul>
          <div class="clear"></div>
          <div class="pro_fenlei_hidden">
            <div class="pro_fenlei_hidden_top">
               <div class="pro_fenlei_hidden_top_le fl">全部分类</div>
               <div class="pro_fenlei_hidden_top_ri fr">收起</div>
               <div class="clear"></div>
            </div>
            <ul>
                <li class="fl"><a href="">为您推荐</a></li>
                <li class="fl"><a href="">家居生活</a></li>
                <li class="fl"><a href="">服饰箱包</a></li>
                <li class="fl"><a href="">美妆护肤</a></li>
                <li class="fl"><a href="">健康食品</a></li>
                <li class="fl"><a href="">限时砍价</a></li>
                <li class="fl"><a href="">数码电器</a></li>
                <li class="fl"><a href="">积分兑换</a></li>
                <li class="fl"><a href="">会员中心</a></li>
            </ul>
            <div class="clear"></div>
          </div>
        </div>
        <div class="pro_fenlei_box">
           <div class="pro_fenlei_name">为您推荐</div>
           <div class="pro_fenlei_section">
               <ul>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
                 <li class="fl">
                    <a href="">
                      <img src="images/fenlei_img.jpg" />
                      <span>精品四件套</span>
                    </a>
                 </li>
               </ul>
               <div class="clear"></div>
           </div>
        </div>
    </div>
    
    
    
    
    
    
    
    
    <div class="footer">大唐一品商城</div>
    
    <div class="foot">
       <ul>
         <li class="fl">
           <a href="">
              <span><img src="images/foot04.png" /></span>
              <p>返回首页</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot03.png" /></span>
              <p>分类搜索</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot02.png" /></span>
              <p>购物车</p>
           </a>
         </li>
         <li class="fl">
           <a href="">
              <span><img src="images/foot01.png" /></span>
              <p>会员中心</p>
           </a>
         </li>
         <div class="clear"></div>
       </ul>
    </div>
    
    
    
    
</div>
<script type="text/javascript" src="../../topshop/js/slider.js"></script> 
<script type="text/javascript">
$(function(){
  $('.navbar_icon').click(function(){
	  $('.nav').slideToggle();
	  })
  $('.pro_fenlei_more').click(function(){
	   $('.pro_fenlei_hidden').slideDown();
	  })
  $('.pro_fenlei_hidden_top_ri').click(function(){
	   $('.pro_fenlei_hidden').slideUp();
	  })
	
});
</script>
</body>
</html>
